/****************************************************************************************
 *
 * 本文件是所有manage公共样式,包括用户中心，不应该在组件内的有scoped的style内import
 *
 * *************************************************************************************/
@import '~@res/global.less';
/*表单*/
.manage-top {font-size:16px;.flex-jcsb()}
.manage-top > *{.flex-jcsb()}
//.manage-top a{color:#0e6de6}
.manage-top i{font-size: 16px;}
.manage-form {
	margin:0px -15px 20px;
	.item {
		.flex-jcfs();
		padding:0px 0;
		border-bottom:1px solid #eee;
		.label{
			color:#333;
			width:70px;
			text-align: right;
		}
		.con{
			min-height: 32px;
			max-width:100%;
			flex:1;
			margin-left:10px;
			.flex-jcfs();
			//注意，本文件是没有scoped的，样式穿透不需要加/deep/
			.el-input__inner {
				color:#000;
				font-size: 14px;
				height:2.5em;
				line-height:2.5em;
				border:1px solid #333;border-radius:0px;
				background-color: #f9f9f9;
			}
			.el-input__inner[disabled]{
				//border-color: #999!important;
				background-color: #eee!important;
			}
			.el-input__inner:hover:not([disabled]){
				border-color:@blue;
				background-color: #fff;
			}
			.el-date-editor.el-input, .el-date-editor.el-input__inner{width:auto!important;}
		}
	}
}

//管理页面控制条
.manage-list-control{
	.flex-jcfs();
	&>*:nth-child(n+2){margin-left:2px;}
}
//投票列表
.manage-list{
	.manage-list-item{
		color:#666;
		font-size: 14px;
		background-color: #fff;
		border-radius: 10px;
		box-shadow: 3px 3px 15px @shadow;
		border:0px solid #eee;
		margin-top:10px;
		padding:12px 20px 15px;
		.line {border-top:1px solid #eee;margin:3px 0;}
		.info-bar {
			color:#000;font-size:16px;font-weight: bold;.flex-jcsb();
			padding:2px 0;
		}
		.info-row {
			.flex-jcfs();padding:1px 0;
			.fa{margin-right: 4px;}
		}
		.btn-group {
			.flex-jcfe();
			margin-top: 0px;
			padding-top:7px;

		}
	}
}
//翻页包裹
.manage-pager {margin-top: 10px;}

//投票项目详情
.manage-detail {
	.manage-detail-row{
		font-size: 14px;
		padding:1px 10px;
		.flex-jcfs();
		.label{color:#999;}
		.con{.flex-jcfs();}
	}
	.el-divider--horizontal{margin:15px 0px !important}
	.el-divider__text {color:#9be;font-size:15px;font-weight: bold;;padding: 0 10px;}
	.el-divider__text.is-left {left:10px!important;}
	.line{height:1px ;border-top:1px solid #eee;margin:5px 0;}
	.btn-group {
		button {margin-bottom:2px;}
	}
}

//弹层填写通用样式
.dialog-detail-module {
	font-size:14px;
	width:auto;
	box-sizing: border-box;
	margin:-35px 0 -5px;
	padding:0 0 5px;
	.line {height:1px ;border-top: 1px solid #ddd;margin:1px 0;}
	.module-title {
		.flex-jcc();position: relative;
		color:@blue;font-size: 18px;font-weight: bold;
		padding:0 0 10px;

	}
	.module-wrap {
		color:#333;padding:5px 0px 10px;
		.v-row {
			.flex-jcfs();padding:1px 0;
			&>.label{color:#888;margin-right: 5px;text-align: right;}
			.input-wrap {width:140px;}
			//不在scoped里面，不需要deep
			.el-input__inner {
				border:2px solid #ddd;border-radius:20px;
				font-size:16px;
				font-weight: bold;
				//font-family: 'Milibusmy';
			}
			.el-input__inner:hover{border-color:@blue}
			//不在scoped里面，不需要deep
			.el-radio.is-bordered.is-checked {border:2px solid @blue;}
			.con{.flex-jcfs();}
			.con img{height: 20px;}
			.el-loading-spinner {margin-top: -11px;}/*el-loading图标*/
			.el-loading-spinner .circular{width:24px!important;height:24px!important;}/*el-loading图标*/
		}

	}
	.btn-group{
		padding:10px 0px 0;.flex-jcc();
		button{
			font-size: 16px;
			font-weight: bold;
			max-width: 50%;
			flex:1;
		}
	}
}


/******************************************************适应***************************************************/
@media screen and (max-width: @MINSCREEN){

}